﻿<?php
	session_start(); 
	include("php/conexion.php");
?>
<!doctype html>
<html lang="es">
	<head>
		<meta name="description" content="Torneo Comercial de Basket">
		<meta name="keywords" content="torneo.basket,comercial,amateur,vector,it,vector-it,cordoba,argentina">
		<meta name="author" content="Vector-IT">
		<title>Torneo TCB</title>
		<link rel="shortcut icon" href="imagenes/favicon.ico" type="image/x-icon" />
		<link rel="icon" href="imagenes/favicon.ico" type="image/x-icon" />
		<link rel="image_src" href="http://www.torneotcb.com.ar/imagenes/logo.png" />
		<link rel="stylesheet" type="text/css" href="css/tcb.css" />
		
		<meta property="og:title" content="Torneo TCB" />
		<meta property="og:url" content="http://www.torneotcb.com.ar" />
		<meta property="og:description" content="Torneo Comercial de Basket" />
		<meta property="og:image" content="http://www.torneotcb.com.ar/imagenes/logo.png" />
		
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="jquery/css/custom-theme/jquery-ui-1.10.3.custom.min.css" />
		
		<script src="js/publicos.js"></script>	
		<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
		<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>		
<!-- 		
		<script src="jquery/js/jquery-1.9.1.js"></script>
		<script src="jquery/js/jquery-ui-1.10.3.custom.min.js"></script>
 -->		
		<!-- Google Hosted jQuery Core --> 
		<!-- <script src="http://www.google.com/jsapi"></script>  
		<script>google.load("jquery", "1");</script>-->
		<script src="js/jquery.ez-bg-resize.js" type="text/javascript" charset="utf-8"></script>
		<script>
			$(document).ready(function() {
				var BGImageArray = ["bg.jpg","bg2.jpg","bg5.jpg","bg6.jpg","bg7.jpg","bg8.jpg"];
				var BGImage = BGImageArray[Math.floor(Math.random()*BGImageArray.length)];
				
				$("body").ezBgResize({
					img     : "imagenes/fondos/" + BGImage, // Relative path example.  You could also use an absolute url (http://...).
					opacity : 0.8, // Opacity. 1 = 100%.  This is optional.
					center  : true // Boolean (true or false). This is optional. Default is true.
				});
			});
			
			var intTimer = window.setInterval(function() {
				cambiarSlider(1);
				}, 10000);

			function armarPagina() {
				cargarEncabezado(function(){
							for (var I = 1; I <= parseInt(document.getElementById("hdnSliderCant").value); I++) {
								document.getElementById('img'+I).src = 'imagenes/noticias/'+ document.getElementById('hdnImg'+I).value + '.jpg';
							}
							cambiarSlider(1);
					});
			}

			function cargarEncabezado(callback) {
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                {// code for IE6, IE5
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
    
                xmlhttp.onreadystatechange=function()
                {
                    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
                    	document.getElementById("divEncabezado").innerHTML = xmlhttp.responseText;
                    	callback();
                    }
                };
                xmlhttp.open("POST","encabezado.php",true);
                xmlhttp.send();
			}
			
			$(function() {
				//Funcion de clic del boton hacia atrás
				$( "#btnSlideAtras" ).click(function(){
					//Reseteo el timer, roto el slider y vuelvo a arrancar el timer 
					window.clearInterval(intTimer);
					cambiarSlider(-1);
					intTimer = window.setInterval(function() {
						cambiarSlider(1);
						}, 10000);
				});

				//Funcion de clic del boton hacia adelante
				$( "#btnSlideAdelante" ).click(function(){
					//Reseteo el timer, roto el slider y vuelvo a arrancar el timer
					window.clearInterval(intTimer);
					cambiarSlider(1);
					intTimer = window.setInterval(function() {
						cambiarSlider(1);
						}, 10000);
				});
			});		

			//funcion de rotacion del slider
			function cambiarSlider(J){
				//Tomo el indice de posición del slider
				var I = parseInt(document.getElementById("hdnSlide").value);
				//Tomo el limite de opciones del slider.
				var cantItems = parseInt(document.getElementById("hdnSliderCant").value);
				
				if (J>0){
					if (I < cantItems)  
						I+= J;
					else
						I = 1;
				}
				else{
					if (I > 1) 
						I+= J;
					else
						I = cantItems;
				}
					
				document.getElementById("hdnSlide").value = I;
				seleccionarImg(I);
				//Cambio el src de la imagen del slider con un efecto de fade in de duracion de 400 segundos
				//y cuando finaliza el efecto se llama a la funcion cambiarTituloSlider
				$("#imgSlider").attr("src", document.getElementById('img'+I).src).stop(true,true).hide().fadeIn(800,cambiarTituloSlider(I));
			}

			//Funcion de cambio de texto de titulo del Slider,
			//si se esta mostrando la descripcion, se cambia llamando a la funcion verDescAuto
			function cambiarTituloSlider(I){
				document.getElementById("divTituloSlider").innerHTML = document.getElementById("hdnTituloSlide"+I).value;
				if (document.getElementById("hdnVerDescSlider").value == "1")
					verDescSliderAuto();
			}	

			//Funcion para mostrar la descripcion automaticamente
			function verDescSliderAuto(){
				var I = parseInt(document.getElementById("hdnSlide").value);
				document.getElementById("divDescSlider").innerHTML = document.getElementById("hdnDescSlide"+I).value;
			}

			//Funcion para mostrar u ocultar la descripcion a gusto del usuario
			function verDescSlider(){
				if (document.getElementById("hdnVerDescSlider").value == "0") {
					var I = parseInt(document.getElementById("hdnSlide").value);
					document.getElementById("divDescSlider").innerHTML = document.getElementById("hdnDescSlide"+I).value;
					document.getElementById("hdnVerDescSlider").value = "1";
				}
				else {
					document.getElementById("divDescSlider").innerHTML = "";
					document.getElementById("hdnVerDescSlider").value = "0";
				}
			}
			
			//Funcion de click en imagen
			function imgClick(I) {
				var J = parseInt(document.getElementById("hdnSlide").value);
				
				if (I != J) {
					var K = I - J;
					window.clearInterval(intTimer);
					cambiarSlider(K);
					seleccionarImg(I);
					intTimer = window.setInterval(function() {
						cambiarSlider(1);
						}, 10000);
				}
			}
			
			function seleccionarImg(I) {
				var cantItems = parseInt(document.getElementById("hdnSliderCant").value);
				
				for (var J = 1; J <= cantItems; J++) {
					var img = document.getElementById("img"+J);
					if (J == I) {
						img.style.webkitFilter = "";
						img.style.border = "solid 1px red";
					}
					else {
						img.style.webkitFilter = "grayscale(100%)";
						img.style.border = "";
					}
				}
			}
		</script>
	</head>
	<body onload="armarPagina();">
		<!-- Codigo para Google Analytics -->
		<?php include_once("php/analyticstracking.php");?>
		
<!-- Ventanas modales -->
		<div id="divFondo" class="fondo" onclick="cerrarLogin();"></div>
		
		<div id="divLogin" class="modal">
			<table style="width: 100%;" class="accesos">
				<tr>
					<td>
						Acceder al sistema
					</td>
					<td style="text-align: right;">
					<input type="button" value="X" onclick="cerrarLogin();" class="boton" />
					</td>
				</tr>
			</table>
			<div style="padding-top: 10px;">
				<form name="frmLogin" id="frmLogin" method="POST" onSubmit="return false;">
					<table>
						<tr>
							<td>
								<label for="txtUser">Usuario: </label>
							</td>
							<td>
								<input type="text" id="txtUser" required />
							</td>
						</tr>
						<tr>
							<td>
								<label for="txtPass">Contrase&ntilde;a: </label>
							</td>
							<td>
								<input type="password" id="txtPass" required />
							</td>
						</tr>
						<tr>
							<td colspan="2" style="text-align: right;">
								<div id="divLoginError" class="error"></div>
								<input type="submit" value="Aceptar" onclick="login(location.href);" class="boton"/>&nbsp;
								<input type="button" value="Cancelar" onclick="cerrarLogin();" class="boton" />
							</td>
						</tr>
					</table>
				</form>
			</div>
		</div>
		
		<div class="contenedor">
		    <div class="encabezado" id="divEncabezado">
		    	<img src="imagenes/logo_viejo.png" />
			</div>
			
		    <div class="contenido">
				<!-- Campos ocultos de control -->
				<input type="hidden" id="hdnSlide" value="0" />
				<input type="hidden" id="hdnVerDescSlider" value="1" />
				<input type="hidden" id="hdnSliderCant" value="3" />
				<!-- Campos ocultos de titulos y descripciones -->
		    	<?php 
			    	$con = new mysqli($dbhost, $dbuser, $dbpass, $db) or die("Problemas al conectar al Servidor");
			    	$query = "SELECT NumeNoti, NombNoti, DescNoti FROM noticias ORDER BY NumeNoti DESC LIMIT 3";
			    	$tabla = $con->query($query);
			    	$I = 1;
			    	$strSalida = "";
			    	if ($tabla->num_rows > 0){
			    		while ($fila = $tabla->fetch_array()) {
			    			$strSalida.= $crlf.'<input type="hidden" id="hdnTituloSlide'.$I.'" value="'.$fila["NombNoti"].'" />';
			    			$strSalida.= $crlf.'<input type="hidden" id="hdnDescSlide'.$I.'" value="'.$fila["DescNoti"].'" />';
							$strSalida.= $crlf.'<input type="hidden" id="hdnImg'.$I.'" value="'.$fila["NumeNoti"].'" />';
			    			$I++;
			    		}
			    		echo $strSalida;
			    		$tabla->free();
			    	}
			    	$con->close();
		    	?>
				<div class="tituloBajo">Noticias</div>
		    	<table style="width: 100%">
					<tr>
						<td style="width: 80%; padding: 0px;" rowspan="3">
							<div style="position: relative; width: 100%;">
								<img src="" id="imgSlider" style="width: 100%; height: 400px;" />
								<h2 style="position: absolute; top:0px; left: 5px; width: 100%;">
								<span id="divTituloSlider" onclick="verDescSlider();" style="cursor: pointer; color: white; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 10px;">
								</span>
								</h2>
								<span style="position: absolute; top:88%; left: 10px; width: 100%;"><input type="button" class="boton" value="&lt;" id="btnSlideAtras" /></span>
								<span style="position: absolute; top:88%; left: 40px; width: 100%;"><input type="button" class="boton" value="&gt;" id="btnSlideAdelante" /></span>
							</div>
						</td>
						<td style="padding: 0px;">
							<img id="img1" src="" style="cursor: pointer; width: 150px; height: 130px; -webkit-filter : grayscale(100%);" onclick="imgClick(1);" />
						</td>
					</tr>
					<tr>
						<td style="padding: 0px;">
							<img id="img2" src="" style="cursor: pointer; width: 150px; height: 130px; -webkit-filter : grayscale(100%);" onclick="imgClick(2);" />
						</td>
					</tr>
					<tr>
						<td style="padding: 0px;">
							<img id="img3" src="" style="cursor: pointer; width: 150px; height: 130px; -webkit-filter : grayscale(100%);" onclick="imgClick(3);" />
						</td>
					</tr>
					<tr>
						<td  style="padding: 0px;" colspan="2">
							<div id="divDescSlider" style="font-size: 14px"></div>
						</td>
					</tr>
				</table>
				
				<br>
				<div class="tituloBajo">Pr&oacute;xima fecha...</div>
				<br />
				<?php
				    $con = new mysqli($dbhost, $dbuser, $dbpass, $db) or die("Problemas al conectar al Servidor");
					
				    $strSQL = "SELECT NumeTorneo, NombTorneo FROM torneos WHERE NumeEsta = 1";
				    $tablaTorneos = $con->query($strSQL);
				    
				    $strSalida = $crlf.'<table>';
				    $strSalida.= $crlf.'<tr>';
					
				    if ($tablaTorneos->num_rows > 0) {
						while ($filaTorneo = $tablaTorneos->fetch_array()) {
							$NumeTorneo = $filaTorneo["NumeTorneo"];
							$strSalida.= $crlf.'<td style="vertical-align: top;"><div style="font-size: 20px; text-align: center;">'.$filaTorneo["NombTorneo"].'</div>';

							$strSQL = "SELECT p.NumePart, p.NumeFech, DATE_FORMAT(p.FechPart, '%d-%m-%y') FechPart,";
							$strSQL.= " DATE_FORMAT(p.FechPart, '%H:%i') HoraPart,";
							$strSQL.= " el.NombEqui NombEquiLoca, COALESCE(el.RutaLogo, 'imagenes/sin-avatar.png') RutaLogoLoca,";
							$strSQL.= " ev.NombEqui NombEquiVisi, COALESCE(ev.RutaLogo, 'imagenes/sin-avatar.png') RutaLogoVisi";
							$strSQL.= " FROM partidos p";
							$strSQL.= " INNER JOIN equipos el ON p.NumeEquiLoca = el.NumeEqui";
							$strSQL.= " INNER JOIN equipos ev ON p.NumeEquiVisi = ev.NumeEqui";
							$strSQL.= " WHERE p.NumeTorneo = " . $NumeTorneo;
							$strSQL.= " AND p.NumeEsta = 2";
							$strSQL.= " ORDER BY p.NumeFech DESC, p.FechPart";
							
						    $tabla = $con->query($strSQL);
						    
						    $i = 1;
						
						    if ($tabla->num_rows > 0) {
							    $strSalida.= $crlf.'<table class="tabla" id="tablaResultados">';
							    $strSalida.= $crlf.'<tr class="tablaFilaTitulo">';
							    $strSalida.= $crlf.'<th title="N&uacute;mero de Fecha">#</th>';
							    $strSalida.= $crlf.'<th>Fecha</th>';
						    	$strSalida.= $crlf.'<th>Hora</th>';
							    $strSalida.= $crlf.'<th title="Equipo Local">Local</th>';
							    $strSalida.= $crlf.'<th title="Equipo Visitante">Visitante</th>';
							    $strSalida.= $crlf.'</tr>';
							    
							    while ($fila = $tabla->fetch_array()) {
							        if ($i % 2 == 0)
							            $strSalida.= $crlf.'<tr class="tablaFilaAlternativa">';
							        else
							            $strSalida.= $crlf.'<tr class="tablaFilaNormal">';
							        
							        //Nro de Fecha
							        $strSalida.= $crlf.'<td style="text-align: center;">'.$fila["NumeFech"].'</td>';
							        //Fecha
							        $strSalida.= $crlf.'<td>'.$fila["FechPart"].'</td>';
							        //Hora
						        	$strSalida.= $crlf.'<td>'.$fila["HoraPart"].'</td>';
							        //EL
							        $strSalida.= $crlf.'<td style="text-align: center;"><img src="'.$fila["RutaLogoLoca"].'" title="'.$fila["NombEquiLoca"].'" style="width: 32px; height: 32px;" /><div>'.$fila["NombEquiLoca"].'</div></td>';
							        //EV
							        $strSalida.= $crlf.'<td style="text-align: center;"><img src="'.$fila["RutaLogoVisi"].'" title="'.$fila["NombEquiVisi"].'" style="width: 32px; height: 32px;" /><div>'.$fila["NombEquiVisi"].'</div></td>';
							        //$strSalida.= $crlf.'<td>'.$fila["NombEquiVisi"].'</td>';
							        $strSalida.= $crlf.'</tr>';
							        
							        $i++;
							    }
							    $tabla->free();
								$strSalida.=$crlf.'</table></td>';
							}
						    else
					    		$strSalida.= $crlf.'<br>El torneo no tiene ning&uacute;na fecha programada.</td>';
						}
					    
					    $strSalida.= $crlf.'</tr>';
					    $strSalida.= $crlf.'</table>';
					    
					    $con->close();
					}
					else
						$strSalida.= $crlf.'<td>No hay torneos activos.</td>';
				    
				    echo $strSalida;
				?>
		    </div>
		    <div id="pie" class="pie">
            	<div style="float: left;">
            		Estamos en Redes Sociales
            	  	<a href="http://www.facebook.com/pages/Torneo-Comercial-De-Basquet/126750014062523" target="_blank"><img src="imagenes/facelogo.png" height="25" width="25"  /></a>
            	  	<a href="http://twitter.com/TorneoComercial" target="_blank"><img src="imagenes/twitlogo.png" height="25" width="25" /></a>
            	</div>
                <div style="float: right;">
                	<p>
                		2013 Copyright Torneo TCB.<br/>
                		Todos los derechos reservados.<br/>
                    	Powered by <a href="http://www.vector-it.com.ar" target="_blank"><img src="imagenes/vectorit.png" height="15" width="15" />Vector-IT</a>
                    </p>
				</div>
		    </div>
	   </div>
	</body>
</html>